<section class="scrollable padder-md" data-ng-controller="TripTransactionRecordListController">
    <div class="m-b-md">
        <h3 class="m-b-none text-black">
            <i class="fa fa-list m-r-sm"></i>行程交易记录
        </h3>
    </div>
    <!-- Toolbar 按钮栏 -->
    <section class="panel panel-default scrollable">
        <header class="panel-heading">
            <div class="row">
                <div class="col-sm-5">
                    <div class="od-head-title">行程交易记录列表</div>
                </div>
            </div>
        </header>
        <form class="form-inline" data-ng-submit="getObjList()">
            <div class="wrapper row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <input type="text"
                               class="input-sm form-control"
                               data-ng-model="queryObj.driverName" placeholder="司机名">
                    </div>
                    <div class="form-group">
                        <input type="text"
                               class="input-sm form-control"
                               data-ng-model="queryObj.driverTel" placeholder="司机电话（账号）">
                    </div>
                    <div class="form-group">
                        <input type="text"
                               class="input-sm form-control"
                               data-ng-model="queryObj.tripName" placeholder="行程名称">
                    </div>
                    <div class="form-group">
                        <input data-ng-model="queryObj.timeStart" class="input-sm form-control" type="text"
                               data-jss-datetimepicker="yyyy-mm-dd hh:ii" placeholder="开始时间"/>
                    </div>
                    <div class="form-group">
                        <input data-ng-model="queryObj.timeEnd" class="input-sm form-control" type="text"
                               data-jss-datetimepicker="yyyy-mm-dd hh:ii" placeholder="结束时间"/>
                    </div>
                    <div class="form-group">
                        <button class="form-control btn btn-sm btn-warning " type="submit">查询</button>
                    </div>
                </div>
            </div>
        </form>
        <!-- 表格部分 -->
        <div class="table-responsive">
            <table class="table table-striped b-t b-light">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>账号</th>
                    <th>司机名</th>
                    <th>行程名</th>
                    <th>时间</th>
                    <th>司机电话</th>
                    <th>乘客</th>
                    <th>乘客电话</th>
                    <th>人数</th>
                    <th>总价格</th>
                    <th>管理费</th>
                    <th>司机费用</th>
                    <th class="col-md-3">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr data-ng-repeat="tripTransactionRecord in tripTransactionRecordList">
                    <td>{{(pagerObj.currentPage-1)*pagerObj.pageSize+$index+1}}</td>
                    <td>{{tripTransactionRecord.trip.driver.username}}</td>
                    <td>{{tripTransactionRecord.trip.driver.identityName}}</td>
                    <td>{{tripTransactionRecord.trip.name}}</td>
                    <td>{{tripTransactionRecord.time | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    <td>{{tripTransactionRecord.trip.driver.tel}}</td>
                    <td>{{tripTransactionRecord.trip.passenger.nickname}}</td>
                    <td>{{tripTransactionRecord.trip.passenger.tel}}</td>
                    <td>{{tripTransactionRecord.trip.seat}}</td>
                    <td>{{tripTransactionRecord.total}}</td>
                    <td>{{tripTransactionRecord.platformCost}}</td>
                    <td>{{tripTransactionRecord.driverCost}}</td>
                    <td>
                        <a href="javascript:void(0);" class="text-primary m-r-xs"
                           data-ng-click="edit(tripTransactionRecord.id)"><i class=""></i>查看</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <!-- 分页控件 -->
        <footer class="panel-footer">
            <div data-ng-include="'comm/pager/pager.html'"></div>
        </footer>
    </section>
</section>
